﻿@using MvcDeviceManager.Models
@using System.Web.Optimization
@helper treeMenu(IList<Menu> list)
{
    foreach (MvcDeviceManager.Models.Menu menu in list)
    {
        if(menu.Children!=null && menu.Children.Count > 0)
        {
            <div>@menu.MenuName</div>
            <div>
            <ul>
            @treeMenu(menu.Children)
            </ul>
            </div>
        }else{
             <li>
             <a href="@Url.Content(@menu.Url)" target="content">@menu.MenuName</a>
             </li>
        }
    }
}
@{
    ViewBag.Title = "Menu";
}
<script type="text/javascript">
    $(function () {
        $.fn.acc = function () {
            var con = $(this);
            var divs = con.find("div");
            $.each(divs, function (i, item) {
                if (i % 2 == 0) {
                    $(item).addClass("header")
                    .bind("click", function () {
                        var cur = $(this);
                        if (cur.hasClass("active")) {
                            return;
                        }
                        con.find(".active").removeClass("active").next().toggle("slow");
                        cur.addClass("active").next().toggle("slow");
                    });
                    if (i == 0) {
                        $(item).addClass("frist");
                    }
                    if (i == divs.length - 2) {
                        $(item).addClass("last");
                    }
                } else {
                    $(item).addClass("content");
                }

            });
        }
        $("#menu").acc();
    });

</script>
<style type="text/css">
body
{
    background-color:#1873aa;
}
</style>
<div id="menu">
@treeMenu((IList<Menu>)@Session["menu"])
</div>